﻿@{
    ViewBag.Title = "ContentSlider";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<link rel="stylesheet" href="/JsLib/zeus/plugin/slider/zeus.plugin.slider.css" type="text/css" />
<style type="text/css">
    #mySlider {
        border: 1px solid #008000;
    }
</style>

<h2>Content Slider</h2>

<div id="mySlider">
    <div>Slider Content 1</div>
    <img src="/Images/gallery/Koala.jpg" />
    <div>Slider Content 3</div>
    <div>Slider Content 4</div>
</div>

<script src="/JsLib/zeus/plugin/slider/zeus.plugin.slider.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#mySlider').slider();
    });
</script>

